<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Artalk Pjax Example</title>
  <!-- 1. 引入 Artalk.css -->
  <link rel="stylesheet" href="/dist/Artalk.css">
</head>
<body>
  <h1>Artalk Pjax Example</h1>
  <div>
    Go to <a href="./res1.html">第一页</a> | <a href="./res2.html">第二页</a>
  </div>
  <div id="container"></div>
</body>

<!-- 2. 引入 Artalk.js -->
<script src="/dist/Artalk.js"></script>

<!-- Pjax 配置 -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-pjax@2.0.1/jquery.pjax.min.js"></script>
<script type="text/javascript">
$(document).pjax('a', '#container', {
  fragment: '.main' // △ 提取 AJAX 响应内容中指定的元素内容片段；参考：http://bsify.admui.com/jquery-pjax/
})
</script>

</html>
